<template>
  <div id="unit_title">
    <a>{{title}}</a>
    <div class="home_content_head_a">
      <a v-for="item in infos" :key="item">{{item}}</a>
    </div>

    <div class="home_content_more" v-if="mores">
      更多
      <span></span>
    </div>
  </div>
</template>

<script>
export default {
  name: "UnitTitle",
  props:{
    title:{
      type:String,
      default:'请输入标题'
    },
    infos:{
      type:Array,
    },
    mores:{
      type:Boolean,
      default:true
    }
  },
}
</script>

<style scoped>
#unit_title{
  position: relative;
  display: flex;
  width: 90%;
  height: 33px;
  padding: 0 10px 0 35px;
  background-position: -225px -156px;
  border-bottom: 2px solid #C10D0C;
  background-image: url("https://oss.yhuayi.com/my_self/image/index.png");
  background-repeat: no-repeat;
  line-height: 28px;
  font-size: 20px;
  margin: 0 auto;
}
#unit_title a:hover{
  cursor: pointer;
}
.home_content_head_a{
  margin-left: 30px;
}
.home_content_head_a a{
  margin-right:10px;
  font-size: 13px;
  border-right: 2px solid #eeeeee;
  padding-right: 10px;
  color: #999999;
}
.home_content_head_a a:last-of-type{
  border: 0;
}

.home_content_more{
  position: absolute;
  right: 10px;
  font-size: 13px;
  color: #999999;
  line-height: 32px;
}
.home_content_more span{
  display: inline-block;
  background-image : url("https://oss.yhuayi.com/my_self/image/index.png");
  background-position: 0 -240px;
  width: 12px;
  height: 12px;
}
.home_content_head_a a:hover,.home_content_more:hover{
  cursor: pointer;
  text-decoration: underline;/*添加下划线*/
}
</style>
